<template>
    <a-modal
        :visible="visible"
        title="附件"
        :closable="false"
    >
      <img 
        v-for="img in imgs" 
        :key="img" 
        :src="`${IMGURL}${img}`" 
        style="width: 200px;height: 200px;margin-right: 20px;"/>
    <a-button slot="footer" type="primary" @click="() => { $emit('cancel') }">关闭</a-button>
  </a-modal>
</template>

<script>
export default {
    props: {
        imgs: {
            type: Array
        },
        visible: {
            type: Boolean,
            default: false
        }
    },
    data () {
        return {
            IMGURL: process.env.IMG_URL,
        }
    }
}
</script>

<style>

</style>